<template>
  <div class="wrapper" ref="wrapper" >
     <div class="content">
          <slot></slot>
     </div>
  </div>
</template>

<script>
//封装滚动
import BScroll from 'better-scroll'
  export default {
    name: "Scroll",
    props:{
      probeType:{
        type:Number,
        default:0
      },
       pullUpLoad:{
      type:Boolean,
      default:false
    },
    },
   
    data(){
        return{
            scroll:{},
            
        }
    },
     mounted(){
       //1.创建BScroll对象
        this.scroll=new BScroll(this.$refs.wrapper,{
          //点击
          click:true,
          //滑动
          observeDOM:true,
          probeType:this.probeType,
          //必传111111111111111111111111111111111111111
          pullUpLoad:this.pullUpLoad
        })
        //2.监听滚动的位置
        if (this.probeType === 2 || this.probeType === 3) {
          this.scroll.on('scroll', position => {
            // console.log(position);
            this.$emit('scroll', position)
          })
        }
        
        //3.监听上拉事件
      this.scroll.on('pullingUp',()=>{
           this.$emit('pullingUp')
          
        })
      
    },
    methods:{
      scrollTo(x,y,tiem=300){
      this.scroll&&this.scroll.scrollTo&&this.scroll.scrollTo(x,y,tiem)
      },
      //连续加载
     finishPullUp(){
     this.scroll&& this.scroll.finishPullUp()
     },
     refresh(){
     this.scroll&& this.scroll.refresh()
     }
    }
  }
</script>

<style scoped>

</style>
